<!--Created by yangzhiqiang -->
<template>
    <div class="device_detail">
        <!--<section id="content">-->
        <!--<section class="main padder">-->
        <div class="row">
            <div class="col-lg-12">
                <h3 class="page-header">设备详细信息</h3>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-2 col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-3">
                                <i class="fa fa-android fa-2x"></i>
                            </div>
                            <div class="col-xs-9 text-right">
                                <h4>${app_count}</h4>
                                <a target="_blank" href="../apks/list?udid=${device.udid}">应用数量</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-3">
                                <i class="fa fa-map-marker fa-2x"></i>
                            </div>
                            <div class="col-xs-9 text-right">
                                <h4>${location_count}</h4>
                                <a target="_blank" href="../locations/list?udid=${device.udid}">地理位置</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-3">
                                <i class="fa fa-user fa-2x"></i>
                            </div>
                            <div class="col-xs-9 text-right">
                                <h4>${contacts_count}</h4>
                                <a target="_blank" href="../contacts/list?udid=${device.udid}">联系人数量</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-3">
                                <i class="fa fa-mobile-phone fa-2x"></i>
                            </div>
                            <div class="col-xs-9 text-right">
                                <h4>${calllog_count}</h4>
                                <a target="_blank" href="../call_logs/list?udid=${device.udid}">通话记录数量</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-3">
                                <i class="fa fa-th fa-2x"></i>
                            </div>
                            <div class="col-xs-9 text-right">
                                <h4>${wifi_count}</h4>
                                <a target="_blank" href="../wifis/list?udid=${device.udid}">wifi数量</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-3">
                                <i class="fa fa-envelope fa-2x"></i>
                            </div>
                            <div class="col-xs-9 text-right">
                                <h4>${sms_count}</h4>
                                <a target="_blank" href="../smss/list?udid=${device.udid}">短信数量</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-10">
                <div class="panel panel-default"></div>
                <div class="list-group m-b-sm">
                    <a class="list-group-item">UDID：${device.udid}</a>
                    <a class="list-group-item">设备：${device.device}</a>
                    <a class="list-group-item">手机厂商：${device.manufacture}</a>
                    <a class="list-group-item">手机品牌：${device.brand}</a>
                    <a class="list-group-item">手机型号：${device.model}</a>
                    <a class="list-group-item">产品名称： ${device.product}</a>
                    <a class="list-group-item">单板名称：${device.board}</a>
                    <a class="list-group-item">IMSI: ${device.imsi}</a>
                    <a class="list-group-item">IMEI： ${device.imei}</a>
                    <a class="list-group-item">MAC地址： ${device.netMac}</a>
                    <a class="list-group-item">蓝牙MAC地址： ${device.btMac}</a>
                    <a class="list-group-item">分辨率：${device.resolutionW} x ${device.resolutionH}</a>
                    <a class="list-group-item">是否ROOT：${device.isRoot}</a>
                    <a class="list-group-item">hardware： ${device.hardware}</a>
                    <a class="list-group-item">cpu： ${device.cpu}</a>
                    <a class="list-group-item">bootloader： ${device.bootloader}</a>
                    <a class="list-group-item">android_id： ${device.androidId}</a>
                    <a class="list-group-item">指纹： ${device.fingerprint}</a>
                    <a class="list-group-item">运行app： ${device.selfApp}</a>
                    <a class="list-group-item">rom名称： ${device.romName}</a>
                    <a class="list-group-item">运行模式： ${device.runMode}</a>
                    <a class="list-group-item">序列号：${device.serial}}</a>
                </div>
                <!--<#if system??>-->
                    <div class="list-group m-b-sm">
                        <a class="list-group-item">操作系统：${system.operator}</a>
                        <a class="list-group-item">系统版本： ${system.osVersion}</a>
                        <a class="list-group-item">地区：${system.country}</a>
                        <a class="list-group-item">SDK版本：${system.sdkVersion}</a>
                        <a class="list-group-item">时区：${system.timezone}</a>
                        <a class="list-group-item">语言：${system.language}</a>
                    </div>
                <!--</#if>
                <#if system??>-->
                    <div class="list-group m-b-sm">
                        <a class="list-group-item">IP：${ip.ip}</a>
                    </div>
                <!--</#if>
                <#if system??>-->
                    <div class="list-group m-b-sm">
                        <a class="list-group-item">电量：${battery.temperature}</a>
                        <a class="list-group-item">电压：${battery.voltage}</a>
                        <a class="list-group-item">状态：${battery.status}</a>
                        <a class="list-group-item">类型：${battery.type}</a>
                        <a class="list-group-item">等级：${battery.level}</a>
                    </div>
                <!--</#if>-->
                <div class="list-group m-b-sm">
                    <a class="list-group-item">备注：
                        <#if device.remark??>${device.remark}</#if>
                    </a>
                    <a class="list-group-item" href="../devices/addRemark/${device.id}">编辑备注：
                        <i class="fa fa-edit"></i>
                    </a>
                </div>
            </div>
        </div>
        <!--</section>-->
        <!--</section>-->
    </div>
</template>

<script type="text/ecmascript-6">

export default {
    name: 'device_detail',
    data() {
        return {
            //todo 这里是data区域
        }
    },
    components: {
        //TODO 添加子组件
    },
    computed: {
        //TODO 计算区
    },
    methods: {
        //TODO 方法区
    },
    mounted: function () {
        //TODO 函数执行区域
    }
}
</script>
<style lang="scss" scoped>

</style>
